@charset "UTF-8";
// 覆写 wiv 样式

//------ pagebar
@pagebar-border-color: #d9d9d9;
@pagebar-bg-color: @c_main;
@pagebar-item-bradius: 6px;
@pagebar_size: 32px;
.pagebar_font() {
    color: #7f7f7f;
    font-size: 16px;
}
.pagebar_border() {
    line-height: @pagebar_size - 2; //去掉边框
    border: 1px solid @pagebar-border-color;
    border-radius: @pagebar-item-bradius;
}

.wiv-pagebar {
    position: relative;
    margin-top: 10px;
    .pagebar_font();
}

.wiv-pagebar-group {
    justify-content: center;
}
//.wiv-pagebar-group.group1 {}
//.wiv-pagebar-group.group2 {
//    position: absolute;
//    top: 0;
//    left: 0;
//    right: 0;
//    justify-content: center;
//}

.wiv-pagebar-item {
    height: @pagebar_size;
    line-height: @pagebar_size;
}
//跳转到第几页
.wiv-pagebar-go-input {
    width: 38px;
    .pagebar_border();
    .pagebar_font();
    background: #fff;
}
.wiv-pagebar-go-button {
    width: 60px;
    .pagebar_border();
    .pagebar_font();
    background: #fff;
    &:hover {
        color: #fff;
        border: 1px solid @pagebar-bg-color;
        background: @pagebar-bg-color;
    }
}
//页码
.wiv-pagebar-link {
    //padding: 0 10px;
    .pagebar_border();
    font-size: @s_font;

    &:not(._disabled):hover,
    &._active {
        border-color: @c_main;
        background-color: @pagebar-bg-color;
        border: 1px solid @pagebar-bg-color;
    }
    &._disabled {
        color: #c2c2c2;
    }
}
//------ pagebar END

//------ 弹框
.wiv-dialog-body {
    //相当于页面容器，与主页面的外边距保持一致
    padding: @s_margin_v @s_margin_h;
}
.wiv-dialog-foot {
    display: flex;
    justify-content: center;
    padding: 5px;
}
//------ 弹框 END